<template>
  <div class="vanguard_position">
    <van-tabs sticky color="red" title-active-color="red" v-model:active="active">
      <van-tab title="先进党支部">
        <advenceParty></advenceParty>
      </van-tab>
      <van-tab title="优秀共产党员">
        <excellentPart></excellentPart>
      </van-tab>
      <van-tab title="优秀党务工作者">
        <excellentWorker></excellentWorker>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script setup lang='ts'>
import { ref } from 'vue';
import advenceParty from './components/advanceParty/advanceParty.vue'
import excellentPart from './components/excellentPart/excellentPart.vue'
import excellentWorker from './components/excellentWorker/excellentWorker.vue'
import { onMounted } from 'vue';
const active = ref('1')

</script>

<style scoped lang="less">
.vanguard_position {
  height: 100%;
}
</style>
<style lang="less">
.vanguard_position {
  .van-tabs {
    display: flex;
    flex-direction: column;
    height: 100%;

    .van-tabs__content {
      flex: 1;
    }

    .van-tab__panel {
      height: 100%;
    }
  }
}
</style>